<template>
  <div class="test">
    <!--
      事件处理
        v-on:事件类型 = "数据处理函数"  事件的处理函数定义在methods中
        简写：   @事件类型 = "数据处理函数"  事件的处理函数定义在methods中
     -->
    <button @click="handleClick">没有传参,传递的是event对象</button>
    <button @click="handleClick()">
      没有传参,但是使用了()，传递的是undefined
    </button>
    <button @click="handleClick(1)">传递参数，传递具体的值</button>

    <!--
      如果不传递参数不要使用 () 调用，默认传递 event对象
      如果需要传递参数 使用 () 传递具体的值 如：handleClick(1)
     -->
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    handleClick(arg) {
      console.log(arg)
    }
  }
}
</script>
<style lang="scss"></style>
